<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>教师管理</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="keywords" content="">
    <link rel="shortcut icon" href="../resources/images/favicon.ico"/>
    <link href="../resources/bootstrap/css/bootstrap-huan.css" rel="stylesheet">
    <link href="../resources/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="../resources/css/style.css" rel="stylesheet">

    <link href="../resources/css/exam.css" rel="stylesheet">
    <link href="../resources/chart/morris.css" rel="stylesheet">
</head>
<body>
<header>
    <span style="display:none;" id="rule-role-val"><%=list[1]%></span>

    <div class="container">
        <div class="row">
            <div class="col-xs-5">
                <div class="logo">
                    <h1><a href="#">网站管理系统</a></h1>

                    <div class="hmeta">
                        专注互联网在线考试解决方案
                    </div>
                </div>
            </div>
            <div class="col-xs-7" id="login-info">

            </div>
        </div>
    </div>
</header>
<!-- Navigation bar starts -->

<div class="navbar bs-docs-nav" role="banner">
    <div class="container">
        <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
        </nav>
    </div>
</div>

<!-- Navigation bar ends -->

<!-- Slider starts -->

<div>
    <!-- Slider (Flex Slider) -->

    <div class="container" style="min-height:500px;">

        <div class="row">
            <div class="col-xs-2" id="left-menu">
            </div>
            <div class="col-xs-10" id="right-content">
                <div class="page-header">
                    <h1><i class="fa fa-bar-chart-o"></i> 专业题库 </h1>
                </div>
                <div class="page-content">
                    <div id="dep-list">
                        <div class="table-controller">
                            <div class="btn-group table-controller-item" style="float:left">
                                <button class="btn btn-default btn-sm" id="add-dep-modal-btn">
                                    <i class="fa fa-plus-square"></i> 添加部门
                                </button>
                            </div>
                        </div>
                        <table class="table-striped table">
                            <thead>
                            <tr>
                                <td>ID</td>
                                <td>部门名</td>
                                <td>描述</td>
                                <td>操作</td>
                            </tr>
                            </thead>
                            <tbody>

                            </tbody>
                            <tfoot></tfoot>
                        </table>
                    </div>
                    <div id="page-link-content">
                        <ul class="pagination pagination-sm">${pageStr}</ul>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>

<footer>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="copy">
                    <p>
                        ExamStack Copyright © <a href="http://www.examstack.com/" target="_blank">ExamStack</a> - <a
                            href="." target="_blank">主页</a> | <a href="http://www.examstack.com/"
                                                                 target="_blank">关于我们</a> | <a
                            href="http://www.examstack.com/" target="_blank">FAQ</a> | <a
                            href="http://www.examstack.com/" target="_blank">联系我们</a>
                    </p>
                </div>
            </div>
        </div>

    </div>
    <div class="modal fade" id="add-dep-modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h6 class="modal-title" id="myModalLabel">添加部门</h6>
                </div>
                <div class="modal-body">
                    <form id="dep-add-form" style="margin-top:40px;" action="admin/common/dep-add">
                        <div class="form-line form-dep-name" style="display: block;">
                            <span class="form-label"><span class="warning-label">*</span>名称：</span>
                            <input type="text" class="df-input-narrow" id="name">
                            <span class="form-message"></span>
                            <br>
                        </div>
                        <div class="form-line form-dep-desc" style="display: block;">
                            <span class="form-label"><span class="warning-label">*</span>描述：</span>
                            <input type="text" class="df-input-narrow" id="memo">
                            <span class="form-message"></span>
                            <br>
                        </div>

                    </form>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">
                        关闭窗口
                    </button>
                    <button id="add-dep-btn" type="button" class="btn btn-primary">
                        确定添加
                    </button>
                </div>
            </div>
        </div>
    </div>
</footer>

<!-- Slider Ends -->

<!-- Javascript files -->
<!-- jQuery -->
<script type="text/javascript" src="../resources/js/jquery/jquery-1.9.0.min.js"></script>
<!-- Bootstrap JS -->
<script type="text/javascript" src="../resources/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../resources/js/all.js"></script>
<script type="text/javascript" src="../resources/js/dep-list.js"></script>
<script type="text/javascript" src="../resources/js/add-dep.js"></script>
<script>
    $(function () {
        $("#add-dep-modal-btn").click(function () {
            $("#add-dep-modal").modal({
                backdrop: true,
                keyboard: true
            });

        });
    });
</script>
</body>
</html>